<template>
  <div>
    <h1>vue3生命周期</h1>
  </div>
</template>

<script>
import {onMounted} from 'vue'
export default {
  setup () {
    // vue3生命周期
    //  1. 挂载阶段: onBeforeMount  +  onMounted 使用场景: 1. 发请求 2. 操作dom
    //  2. 更新阶段: onBeforeUpdate  +  onUpdated
    //  3. 销毁阶段: onBeforeUnmount  + onUnmounted
    onMounted(()=> {
      console.log('vue3-组件挂载:onMounted1');
    })
    onMounted(()=> {
      console.log('vue3-组件挂载:onMounted2');
    })
    return {}
  },
  // vue2
  mounted:{
    // console.log('vue3-组件挂载:onMounted2')
  }
}
</script>

<style>

</style>